﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Backend/Backend.Master" AutoEventWireup="true" CodeBehind="TrackingEList.aspx.cs" Inherits="Phoenix.Backend.TrackingEList" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<!-- Begin List -->
	<div id="list" class="onecolumn" runat="server">
		<div class="header">
			<span>Chi Tiết Vận Đơn</span>
			<div class="switch" style="margin:7px 15px;">
				<table cellpadding="0" cellspacing="0">
				<tbody>
					<tr>
						<td>
                            <a href="TrackingEList.aspx?Action=Create" class="button">Thêm mới</a>
						</td>
					</tr>
				</tbody>
				</table>
			</div>
		</div>
		<br class="clear"/>
		<div class="content">   
            <asp:Label ID="lblWarning" runat="server"></asp:Label>     
            <table width="100%">
                <tr>
                    <td>
                        <div id="tablewrapper">
                            <div id="tableheader">
                                <div class="search">
                                    <select id="columns" onchange="sorter.search('query')">
                                    </select>
                                    <input type="text" id="query" onkeyup="sorter.search('query')" style="width:170px;" />
                                </div>
                                <div class="details">
                                    <div class="ddl">
                                        <label>Mã vận đơn:</label> <asp:DropDownList ID="ddlTrackingE" 
                                            runat="server" AutoPostBack="True" 
                                            onselectedindexchanged="ddlTrackingE_SelectedIndexChanged"></asp:DropDownList>
                                    </div>
                                    <div>
                                        <asp:Label ID="Label20" runat="server" Text='Kết quả' />
                                        <span id="startrecord"></span>-<span id="endrecord"></span>
                                        <asp:Label ID="Label21" runat="server" Text='của' />
                                        <span id="totalrecords"></span>
                                    </div>
                                    <div>
                                        <a href="javascript:sorter.reset()">
                                            <asp:Label ID="Label23" runat="server" Text='Thiết lập lại' /></a></div>
                                </div>
                            </div>
                            <table cellpadding="0" cellspacing="0" border="0" id="table" class="tinytable">
                                <thead>
                                    <tr>
                                        <th><h3>Mã VĐ</h3></th>
                                        <th><h3>Sự kiện</h3></th>
                                        <th><h3>Ngày</h3></th>
                                        <th><h3>Tình trạng</h3></th>
                                        <th><h3>Ngày đăng</h3></th>
                                        <th><h3>Người đăng</h3></th>
                                        <th class="nosort" style="width:70px; text-align:center;"><h3>Ẩn/Hiện</h3></th>
                                        <th class="nosort" style="width:60px; text-align:center;"><h3>Sửa</h3></th>
                                        <th class="nosort" style="width:60px; text-align:center;"><h3>Xóa</h3></th>
                                        
                                    </tr>
                                </thead>
                                <tbody>
                                    <%
                                        /* write code get datatable show into for loop */
                                    for (int i = 0; i < dt.Rows.Count; i++)
                                    {
                                    %>
                                    <tr>
                                        <td style="width:60px; text-align:center;"><%=dt.Rows[i]["NumberTrackingE"].ToString()%></td>
                                        <td><%=dt.Rows[i]["TrackEvent"].ToString()%></td>
                                        <td style="width:80px; text-align:center;"><%=DateTime.Parse(dt.Rows[i]["Date"].ToString()).ToString("dd/MM/yyyy")%></td>
                                        <td><%=dt.Rows[i]["State"].ToString()%></td>
                                        <td style="width:90px; text-align:center;"><%=DateTime.Parse(dt.Rows[i]["EditDate"].ToString()).ToString("dd/MM/yyyy hh:mm tt")%></td>
                                        <td style="width:90px; text-align:center;"><%=dt.Rows[i]["EditUser"].ToString()%></td>
                                        <td style="text-align:center;" valign="middle"><%if (dt.Rows[i]["Visible"].ToString().Equals("True")){ %>
                                            <a href="TrackingEList.aspx?Action=OnOff&ID=<%=dt.Rows[i]["ID_TrackingEList"].ToString() %>"><img alt="" src="http://localhost:1109/Content/Backend/js/table/images/activation.png" /></a><% }else { %>
                                            <a href="TrackingEList.aspx?Action=OnOff&ID=<%=dt.Rows[i]["ID_TrackingEList"].ToString() %>"><img alt="" src="http://localhost:1109/Content/Backend/js/table/images/inactivation.png" /></a><% } %></td>
                                        <td style="text-align:center">
                                            <a href="TrackingEList.aspx?Action=Edit&ID=<%=dt.Rows[i]["ID_TrackingEList"].ToString() %>"><img alt="" src="http://localhost:1109/Content/Backend/js/table/images/grid_edit.png" /></a></td>
                                        <td style="text-align:center">
                                            <a href="javascript: if (confirm('Bạn muốn tiếp tục xóa bản tin này không?')) { window.location.href='TrackingEList.aspx?Action=Delete&ID=<%=dt.Rows[i]["ID_TrackingEList"].ToString() %>' } else { void('') }; "> 
                                            <img alt="" src="http://localhost:1109/Content/Backend/js/table/images/delete.png" /></a></td>
                                    </tr>
                                    <% } %>
                                </tbody>
                            </table>
                            
                            <div id="tablefooter">
                                <div id="tablenav">
                                    <div>
                                        <img alt="" src="http://localhost:1109/Content/Backend/js/table/images/first.gif" />
                                        <img src="http://localhost:1109/Content/Backend/js/table/images/first.gif" width="16" height="16" alt="First Page"
                                            onclick="sorter.move(-1,true)" />
                                        <img src="http://localhost:1109/Content/Backend/js/table/images/previous.gif" width="16" height="16" alt="First Page"
                                            onclick="sorter.move(-1)" />
                                        <img src="http://localhost:1109/Content/Backend/js/table/images/next.gif" width="16" height="16" alt="First Page" onclick="sorter.move(1)" />
                                        <img src="http://localhost:1109/Content/Backend/js/table/images/last.gif" width="16" height="16" alt="Last Page" onclick="sorter.move(1,true)" />
                                    </div>
                                    <div>
                                        <select id="pagedropdown">
                                        </select>
                                    </div>
                                    <div>
                                        <a href="javascript:sorter.showall()">
                                            <asp:Label ID="Label25" runat="server" Text='Xem tất cả' /></a>
                                    </div>
                                </div>
                                <div id="tablelocation">
                                    <div>
                                        <select onchange="sorter.size(this.value)">
                                            <option value="5">5</option>
                                            <option value="10" selected="selected">10</option>
                                            <option value="20">20</option>
                                            <option value="50">50</option>
                                            <option value="100">100</option>
                                        </select>
                                        <span>
                                            <asp:Label ID="Label24" runat="server" Text='Kết quả mỗi trang' /></span>
                                    </div>
                                    <div class="page">
                                        <asp:Label ID="Label55" runat="server" Text='Trang' />
                                        <span id="currentpage"></span>
                                        <asp:Label ID="Label26" runat="server" Text='của' />
                                        <span id="totalpages"></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <script type="text/javascript" src="http://localhost:1109/Content/Backend/js/table/3.js"></script>
                        <script type="text/javascript">
                            var sorter = new TINY.table.sorter('sorter', 'table', {
                                headclass: 'head',
                                ascclass: 'asc',
                                descclass: 'desc',
                                evenclass: 'evenrow',
                                oddclass: 'oddrow',
                                evenselclass: 'evenselected',
                                oddselclass: 'oddselected',
                                paginate: true,
                                size: 10,
                                colddid: 'columns',
                                currentid: 'currentpage',
                                totalid: 'totalpages',
                                startingrecid: 'startrecord',
                                endingrecid: 'endrecord',
                                totalrecid: 'totalrecords',
                                hoverid: 'selectedrow',
                                pageddid: 'pagedropdown',
                                navid: 'tablenav',
                                sortcolumn: 0,
                                sortdir: -1,
                                /* sum:[8],
                                avg:[6,7,8,9],
                                columns:[{index:7, format:'%', decimals:1},{index:8, format:'$', decimals:0}], */
                                init: true
                            });
                        </script>
                    </td>
                </tr>
            </table>
		</div>
	</div>
<!-- End List -->
<!-- Begin Create -->
	<div id="add" class="onecolumn" runat="server" visible="false">
		<div class="header">
			<span>Thêm Bài Viết</span>
			<div class="switch" style="margin:7px 15px;">
				<table cellpadding="0" cellspacing="0">
				<tbody>
					<tr>
						<td>
                            <a href="TrackingEList.aspx" class="button">Danh sách</a>
						</td>
					</tr>
				</tbody>
				</table>
			</div>
		</div>
		<br class="clear"/>
		<div class="content">
            <asp:Label ID="lblWarningA" runat="server"></asp:Label> 
            <div>
                <div class="left"> 
                    <label>Thuộc mã vận đơn:</label><br />
                    <asp:DropDownList ID="ddlTrackingEA" runat="server" style="width:300px"></asp:DropDownList>
                </div>
                <div class="left datepicker"> 
                    <label>Ngày:</label><br />
                    <asp:TextBox ID="txtDateA" runat="server" CssClass="datepicker" style="width:300px"></asp:TextBox>
                </div>
            </div><br class="clear"/><br />
            
            <fieldset class="fieldset"><legend><label>Sự kiện vận đơn</label></legend>
			    <p>
                    Tiếng Việt:<br />
                    <asp:TextBox ID="txtTrackEventA_vi" runat="server" style="width:640px"></asp:TextBox>
			    </p><br/>
                <p>
                    Tiếng Anh:<br />
                    <asp:TextBox ID="txtTrackEventA_en" runat="server" style="width:640px"></asp:TextBox>
                </p>
            </fieldset><br class="clear"/>

            <fieldset class="fieldset"><legend><label>Tình trạng vận đơn</label></legend>
                <p>
                    Tiếng Việt:<br />
                    <asp:TextBox ID="txtStateA_vi" runat="server" style="width:640px"></asp:TextBox>
                </p><br />
                <p>
                    Tiếng Anh:<br />
                    <asp:TextBox ID="txtStateA_en" runat="server" style="width:640px"></asp:TextBox>
                </p>
            </fieldset>
            <br/>
			<p>
                <asp:Button ID="btnCreate" Text="Tạo mới" runat="server" 
                    onclick="btnCreate_Click" OnClientClick="return validate_Create()"/>
                <asp:Button ID="btnCancelA" Text="Tạo lại" runat="server" 
                    onclick="btnCancelA_Click"/>
			</p>
		</div>
	

    <script type="text/javascript">
        function validate_Create() {

            var txtDateA = document.getElementById("<%= txtDateA.ClientID %>").value;
            if (txtDateA == null || txtDateA == "") {
                alert("Ngày không được để trống");
                document.getElementById("<%= txtDateA.ClientID %>").focus();
                return false;
            }
            re = /^\d{4}\/\d{1,2}\/\d{1,2}$/;

            if (txtDateA != '' && !txtDateA.match(re)) {
                alert("Ngày tháng năm không đúng định dạng");
                document.getElementById("<%= txtDateA.ClientID %>").focus();
                return false;
            }
            var txtTrackEventA_vi = document.getElementById("<%= txtTrackEventA_vi.ClientID %>").value;
            if (txtTrackEventA_vi == null || txtTrackEventA_vi == "") {
                alert("Sự kiện vận đơn không được để trống");
                document.getElementById("<%= txtTrackEventA_vi.ClientID %>").focus();
                return false;
            }
            var txtTrackEventA_en = document.getElementById("<%= txtTrackEventA_en.ClientID %>").value;
            if (txtTrackEventA_en == null || txtTrackEventA_en == "") {
                alert("Sự kiện vận đơn không được để trống");
                document.getElementById("<%= txtTrackEventA_en.ClientID %>").focus();
                return false;
            }
            var txtStateA_vi = document.getElementById("<%= txtStateA_vi.ClientID %>").value;
            if (txtStateA_vi == null || txtStateA_vi == "") {
                alert("Tình trạng vận đơn không được để trống");
                document.getElementById("<%= txtStateA_vi.ClientID %>").focus();
                return false;
            }
            var txtStateA_en = document.getElementById("<%= txtStateA_en.ClientID %>").value;
            if (txtStateA_en == null || txtStateA_en == "") {
                alert("Tình trạng vận đơn không được để trống");
                document.getElementById("<%= txtStateA_en.ClientID %>").focus();
                return false;
            }
            return true;
        }

    </script>
    </div>
<!-- End Create -->
<!-- Begin Edit -->
	<div id="edit" class="onecolumn" runat="server" visible="false">
		<div class="header">
			<span>Chỉnh Sửa Loại Bài Viết</span>
			<div class="switch" style="margin:7px 15px;">
				<table cellpadding="0" cellspacing="0">
				<tbody>
					<tr>
						<td>
                            <a href="TrackingEList.aspx?Action=Create" class="button">Thêm mới</a>
						</td>
                        <td>
                            <a href="TrackingEList.aspx" class="button">Danh sách</a>
						</td>
					</tr>
				</tbody>
				</table>
			</div>
		</div>
		<br class="clear"/>
		<div class="content">
            <asp:Label ID="lblWarningE" runat="server"></asp:Label>
            <div>
                <div class="left"> 
                    <label>Thuộc mã vận đơn:</label><br />
                    <asp:DropDownList ID="ddlTrackingEE" runat="server" style="width:300px"></asp:DropDownList>
                </div>
                <div class="left"> 
                    <label>Ngày:</label><br />
                    <asp:TextBox ID="txtDateE" runat="server" CssClass="datepicker" style="width:300px" onblur="this.value='';" onfocus="this.value='';"></asp:TextBox>
                </div>
            </div><br class="clear"/><br />
            
            <fieldset class="fieldset"><legend><label>Sự kiện vận đơn</label></legend>
			    <p>
                    Tiếng Việt:<br />
                    <asp:TextBox ID="txtTrackEventE_vi" runat="server" style="width:640px"></asp:TextBox>
			    </p><br/>
                <p>
                    Tiếng Anh:<br />
                    <asp:TextBox ID="txtTrackEventE_en" runat="server" style="width:640px"></asp:TextBox>
                </p>
            </fieldset><br class="clear"/>

            <fieldset class="fieldset"><legend><label>Tình trạng vận đơn</label></legend>
                <p>
                    Tiếng Việt:<br />
                    <asp:TextBox ID="txtStateE_vi" runat="server" style="width:640px"></asp:TextBox>
                </p><br />
                <p>
                    Tiếng Anh:<br />
                    <asp:TextBox ID="txtStateE_en" runat="server" style="width:640px"></asp:TextBox>
                </p>
            </fieldset>
            <br/>
			<p>
                <asp:Button ID="btnEdit" Text="Cập nhật" runat="server" onclick="btnEdit_Click" OnClientClick="return validate_Edit()"/>
                <asp:Button ID="btnCancelE" Text="Làm lại" runat="server" 
                    onclick="btnCancelE_Click"/>
			</p>
		</div>
	
    <script type="text/javascript">
        function validate_Edit() {

            var txtDateE = document.getElementById("<%= txtDateE.ClientID %>").value;
            if (txtDateE == null || txtDateE == "") {
                alert("Ngày không được để trống");
                document.getElementById("<%= txtDateE.ClientID %>").focus();
                return false;
            }
            re = /^\d{4}\/\d{1,2}\/\d{1,2}$/;

            if (txtDateE != '' && !txtDateE.match(re)) {
                alert("Ngày tháng năm không đúng định dạng");
                document.getElementById("<%= txtDateE.ClientID %>").focus();
                return false;
            }
            var txtTrackEventE_vi = document.getElementById("<%= txtTrackEventE_vi.ClientID %>").value;
            if (txtTrackEventE_vi == null || txtTrackEventE_vi == "") {
                alert("Sự kiện vận đơn không được để trống");
                document.getElementById("<%= txtTrackEventE_vi.ClientID %>").focus();
                return false;
            }
            var txtTrackEventE_en = document.getElementById("<%= txtTrackEventE_en.ClientID %>").value;
            if (txtTrackEventE_en == null || txtTrackEventE_en == "") {
                alert("Sự kiện vận đơn không được để trống");
                document.getElementById("<%= txtTrackEventE_en.ClientID %>").focus();
                return false;
            }
            var txtStateE_vi = document.getElementById("<%= txtStateE_vi.ClientID %>").value;
            if (txtStateE_vi == null || txtStateE_vi == "") {
                alert("Tình trạng vận đơn không được để trống");
                document.getElementById("<%= txtStateE_vi.ClientID %>").focus();
                return false;
            }
            var txtStateE_en = document.getElementById("<%= txtStateE_en.ClientID %>").value;
            if (txtStateE_en == null || txtStateE_en == "") {
                alert("Tình trạng vận đơn không được để trống");
                document.getElementById("<%= txtStateE_en.ClientID %>").focus();
                return false;
            }
            return true;
        }

    </script>
    </div>
<!-- End Edit -->
</asp:Content>
